/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * Add To Cart Popup module CSS stylesheet
 *  
 * @category   X-Cart
 * @package    X-Cart
 * @subpackage CSS
 * @author     Ruslan R. Fazlyev <rrf@x-cart.com> 
 * @version    5ee25518bc7b8f3488f09e8e966b839e6d83b88f, v2 (xcart_4_5_4), 2012-10-25 11:55:07, main.css, aim
 * @link       http://www.x-cart.com/
 * @see        ____file_see____
 */

.product-added .thumbnail {
  margin: 0;
}

.product-added .details {
  margin: 3px 0 0 20px;
}

.product-added .title {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 10px 0;
  color: #444;
}

.product-added .price {
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0;
}

.product-added .rating {
  padding-left: 8px;
  text-align: left;
}

.product-added .rating .creviews-rating {
  display: none;
}

.product-added .price .product-price-value {
  color: #b51a00;
}

.product-added .price .product-alt-price-value {
  color: #787878;
}

.product-added .cart {
  text-align: center;
  border: 7px solid #d0d0d0;
  border-radius: 14px;
  padding: 10px 0 15px 0;
  color: #444;
  width: 145px;
}

.product-added .cart .header {
  /*border-bottom: 1px solid #a0a0a0;*/
  font-size: 14px;
  font-weight: bold;
}

.product-added .cart .label {
  font-weight: bold;
}

.product-added .cart ul {
  margin: 10px 0 14px 0;
  padding: 0;
}

.product-added .cart ul li {
  list-style: none;
  margin: 7px 0;
  padding: 0;
}

.product-added .cart-outer {
  background: url(images/arrow_right_gray.png) no-repeat 0 50%;
  padding-left: 64px;
}

.product-added h1 {
  font-weight: normal;
  color: #a0a0a0;
  padding: 0;
  margin: 30px 0 20px 0;
  font-size: 24px;
}

.product-added .upselling .rating {
  padding-left: 31px;
}

.product-added .upselling.details {
  margin: 0 0 10px;
}

.product-added .upselling.details td {
  padding: 0 5px;
}

.product-added .upselling .creviews-rating-box {
  padding-bottom: 0;
}

.product-added .upselling .title {
  margin-bottom: 5px;
}

.product-added .upselling .price {
  margin: 5px 0;
}

.product-added .upselling .buy {
  margin-top: 7px;
}


.product-added .ui-widget {
  font-family: Arial,sans-serif !important;
}

.product-added .ui-widget-header {
  border: 1px solid #B6B6B6 !important;
  color: #4F4F4F !important;
  font-weight: bold !important;
}

.product-added .ui-widget-header {
  background: #ededed url(images/bg_gradient.png) 0 0 repeat-x !important;
  background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)) !important;
  background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c4c4c4')"; /* IE8+ */
}

.product-added.ui-dialog {
  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
  -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}
.product-added.ui-dialog .ui-dialog-titlebar {
  padding: 0.7em 1em 0.6em 1em !important;
  position: relative !important;
  border: none !important;
  border-bottom: 1px solid #979797 !important;
  -moz-border-radius: 3px 3px 0 0 !important;
  -webkit-border-radius: 3px 3px 0 0 !important;
  border-radius: 3px 3px 0 0 !important;
  font-family: Arial, sans-serif !important;
}

.product-added.ui-dialog .ui-dialog-title {
  float: left !important;
  margin: .1em 16px .2em 0 !important;
  font-size: 14px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
} 

.product-added.ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  right: .8em !important;
  top: 55% !important;
  width: 16px !important;
  margin: -10px 0 0 0 !important;
  padding: 0 !important;
  height: 16px !important;
}

.product-added.ui-dialog .ui-dialog-titlebar-close span {
  display: block !important;
  margin: 1px !important;
  background: url(images/icon_close.png) 0 0 no-repeat !important;
}

.product-added.ui-dialog .ui-dialog-titlebar-close:hover span {
  background-position: -16px 0 !important;
}

.product-added.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0 !important;
  border: 0 !important;
}

.product-added.ui-dialog .ui-dialog-content {
  position: relative !important;
  border: 0 !important;
  padding: 1.0em 1em !important;
  background: none !important;
  overflow: hidden !important;
  zoom: 1 !important;
}

.product-added.ui-dialog .ui-dialog-buttonpane {
  text-align: left !important;
  border-width: 1px 0 0 0 !important;
  background-image: none !important;
  margin: .5em 0 0 0 !important;
  padding: .3em 0.0em .5em .4em !important;
  border-radius: 0 0 3px 3px !important;
  -moz-border-radius:  0 0 3px 3px !important;
  -webkit-border-radius: 0 0 3px 3px !important;
}

.product-added.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right !important;
}

.product-added.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em 1.0em .5em 0 !important;
  cursor: pointer !important;
}

.product-added.ui-dialog .ui-resizable-se {
  width: 14px !important;
  height: 14px !important;
  right: 3px !important;
  bottom: 3px !important;
}

.product-added .ui-state-default, .product-added .ui-widget-content .ui-state-default, .product-added.ui-widget-content .ui-state-default, .product-added .ui-widget-header .ui-state-default {
  border: 1px solid #B6B6B6 !important;
  font-weight: normal !important;
  color: #4F4F4F !important;
}

.product-added .ui-state-default, .product-added .ui-widget-content .ui-state-default, .product-added.ui-widget-content .ui-state-default, .product-added .ui-widget-header .ui-state-default { 
  background: #ededed url(images/bg_gradient.png) 0 0 repeat-x !important;
  background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)) !important;
  background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset !important;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset !important;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c4c4c4')"; /* IE8+ */
}

.product-added .ui-state-default a, .product-added .ui-state-default a:link, .product-added .ui-state-default a:visited {
  color: #4F4F4F !important;
  text-decoration: none !important;
}

.product-added .ui-state-hover, .product-added .ui-widget-content .ui-state-hover, .product-added.ui-widget-content .ui-state-hover, .product-added .ui-widget-header .ui-state-hover, .product-added .ui-state-focus, .product-added .ui-widget-content .ui-state-focus, .product-added.ui-widget-content .ui-state-focus, .product-added .ui-widget-header .ui-state-focus {
  border: 1px solid #9D9D9D !important;
  font-weight: normal !important;
  color: #313131 !important;
}

.product-added .ui-state-hover a, .product-added .ui-state-hover a:hover {
  color: #313131 !important;
  text-decoration: none !important;
}

.product-added .ui-state-active a, .product-added .ui-state-active a:link, .product-added .ui-state-active a:visited {
  color: #313131 !important;
  text-decoration: none !important;
}

.product-added .ui-widget :active {
  outline: none !important;
}

.product-added .buttons_line {
  min-width:390px;
}

.product-added .ui-button .ui-button-text {
  display: block !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

.product-added.ui-dialog {
  padding: 0 !important;
}

.product-added .ui-widget-content, .product-added.ui-widget-content {
  border: 1px solid #a0a0a0 !important;
  background-color: white;
  background-image: none;
}

.product-added .ui-button.ui-state-hover { 
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; !important 
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
}

.product-added.ui-dialog {
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.product-added .ui-state-active, .product-added .ui-widget-content .ui-state-active, .product-added .ui-widget-header .ui-state-active { 
  outline: none !important;
  color: #1c4257; border: 1px solid #7096ab !important;
  background: #ededed url(images/bg_gradient.png) 0 -50px repeat-x !important;
  background: -moz-linear-gradient(top, #d0dde9 0%, #a9d0e5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dde9), color-stop(100%,#a9d0e5)) !important;
  background: -webkit-linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;
  background: -o-linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;
  background: -ms-linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;
  background: linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dde9', endColorstr='#a9d0e5')"; /* IE8+ */
}

.product-added.ui-dialog .ui-dialog-titlebar-close {
  background: none !important;
}

.product-added.ui-dialog .ui-dialog-buttonpane button {
  float: none !important;
}

.product-added .button-spacer {
  padding: 0 5px;
}

.product-added .proceed-to-checkout .ui-button-text {
  background: transparent url(images/proceed_to_checkout.gif) right 7px no-repeat;
  padding-right: 40px;
  margin-right: 7px;
}

.product-added hr {
  border-bottom: 1px solid #dfdfdf;
  background: none;
}

.product-added.ui-widget {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
}
